<template>
    <div class="box_shadow_04 bgfff">
        <div class="w100p disflex pl16 pr21 jusbet pt4 lh53">
            <span class="postionre c333 fs20">
                <i>意见反馈</i>
                <i class="write"></i>
            </span>
            <span class="lh30 pl21 pr22 bgred cfff fs14 curpointer h30 mt15" @click="addIdea">提交</span>
        </div>
        <div class="disflex jusbet w100p lh40 fs14 c999 pt4 mb15 pl17 pr19">
            <input type="text" v-model="username" class="pl14 pr10 w47_3p bgf5 lh40 boradius1" placeholder="您的姓名~"  @keyup.enter="addIdea">
            <input type="text" v-model="tel" class="pl14 pr10 w47_3p bgf5 lh40 boradius1" placeholder="您的电话~"  @keyup.enter="addIdea">
        </div>
        <div class="pl17 pr19">
            <textarea name="" id="" class="w100p p1014 fs14 c333 bgf5 h110 boradius1 h100" v-model="text" placeholder="您的意见/建议~"  @keyup.enter="addIdea"></textarea>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Idea",
        data(){
            return{
                username:'',
                tel:'',
                text:''
            }
        },
        methods:{
            addIdea(){
                var v = this;
                this.$addIdea(this.username,this.tel,this.text,function () {
                    v.tel = '';
                    v.username = '';
                    v.text = '';
                },function () {
                    v.$emit('tologin')
                });
            }
        }
    }
</script>

<style>

</style>























